<template>
    <div class="page" data-page="troubleApply" style="z-index: 2;">
        <div class="navbar troubleApply-navbar">
            <div class="navbar-inner sliding">
                <div class="left">
                    <a class="link"><i class="icon icon-back"></i><span class="ios-only">Back</span> </a>
                </div>
                <div class="title sliding" style="padding-left: 8px;">提报隐患</div>
                <div class="right">
                    <a class="link icon-only searchbar-enable" data-searchbar=".searchbar-demo"><i class="icon material-icons md-only">search</i></a>
                    <a class="link"><i class="iconfont icon-APPicon_shaixuan1
"></i></a>
                </div>
            </div>
            <div class="navbar" style="top: 56px;height: 40px;background: #fff;color: #666666;">
                <div class="content-block myBlock">
                    <div class="row troubleApply-type">
                        <div class="col select">整改中(10)</div>
                        <div class="col">核实中（10）</div>
                        <div class="col">已完成</div>
                    </div>
                </div>
            </div>
        </div>
     <div class="page-content infinite-scroll-content">
        <div class="content-block">
        <!-- 整改中 s-->
            <div class="troubleApply-tab-con" style="display: block">
                <div class="list media-list">
                    <ul class="troubleApply-list">
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con">隐患描述隐患描述隐患描述隐患描述隐患描述</div>
                                    </div>
                                </div>
                            </div>
                            <div class="rectification">去整改</div>
                            <div class="overTime"></div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con">隐患描述隐患描述隐患描述隐患描述隐患描述</div>
                                    </div>
                                </div>
                            </div>
                            <  <div class="rectification">去整改</div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con viedo">
                                            <audio src="" controls="controls"></audio>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tb-hiddenDanger"><i class="iconfont icon-shangbao"></i>提报隐患</div>
            </div>
             <!-- 核实中 -->
            <div class="troubleApply-tab-con">
                <div class="list media-list">
                    <ul class="troubleApply-list">
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级111</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con">隐患描述隐患描述隐患描述隐患描述隐患描述</div>
                                    </div>
                                </div>
                            </div>
                            <div class="verify">去核实</div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con">隐患描述隐患描述隐患描述隐患描述隐患描述</div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con viedo">
                                            <audio src="" controls="controls"></audio>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="verify">去核实</div>
                        </li>
                    </ul>
                </div>
                <div class="tb-hiddenDanger"><i class="iconfont icon-shangbao"></i>提报隐患</div>
            </div>
             <!-- 已完成 -->
            <div class="troubleApply-tab-con">
                <div class="list media-list">
                    <ul class="troubleApply-list">
                        <li>
                            <div class="item-content">
                                <div class="item-media">
                                    <img src="" width="40">
                                </div>
                                <div class="item-inner">
                                    <div class="right-col clearfix">
                                        <div class="title">隐患等级</div>
                                        <div class="right-con">二级</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任单位</div>
                                        <div class="right-con">某某单位</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">责任人</div>
                                        <div class="right-con">某某人</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title">整改时间</div>
                                        <div class="right-con">2018-08-18 23:00</div>
                                    </div>
                                    <div class="right-col clearfix">
                                        <div class="title"><span class="red">*</span>隐患描述</div>
                                        <div class="right-con">隐患描述隐患描述隐患描述隐患描述隐患描述</div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tb-hiddenDanger"><i class="iconfont icon-shangbao"></i>提报隐患</div>
            </div>
        </div>
    </div>
</div>
</template>
<script>
return {
    mounted() {
        var self = this;
        var $ = self.$;
    },
    beforeCreate() {
        var self = this;
        var $ = self.$;

    },
    data: function() {
        return {

        }
    },
    methods: {

    },
    on: {
        pageInit: function(e, page) {
            var self = this;
            var $ = self.$;
            jQuery(".troubleApply-type .col").click(function(e) {
                var $tab_index =jQuery(".troubleApply-type .col").index(e.currentTarget);
                jQuery(e.currentTarget).addClass("select").siblings().removeClass("select");
                jQuery(".troubleApply-tab-con").eq($tab_index).show().siblings(".troubleApply-tab-con").hide();
            })

        }
    }
}
</script>